
<section class="download">
    <div class="mask"></div>
    <tabBar route tabBarPosition="bottom">
      <tabBarItem title="首页" :icon="info" :selectedIcon="info_active" link="/pages/info/index">
      </tabBarItem>
      <!-- <tabBarItem title="上传" :icon="up" :selectedIcon="up_active" link="/pages/upload/index">
      </tabBarItem> -->
      <tabBarItem selected  title="传输" :icon="down" :selectedIcon="down_active" link="/pages/download/index">
        <div class="download_title">
         <div>下载</div>
         <p @click="clearTask">一键清空</p>
        </div>
        
        <div class="download_content" >
          <div class="download_tabs" v-if="activeTab!=null">
            <tabs @onTabClick="onTabClick" tabBarPosition="top"  :page="4" :tabBarDefaultBorder="false" tabBarBackgroundColor="#fff" :tabBarTextStyle='tabBarTextStyle' :tabBarActiveTextStyle="tabBarActiveTextStyle" :activeTabBarStyle="{bottom: '3px',width:'40px',background:'#1089ff'}">
              <tabsPane name="百度网盘" v-if="activeTab==0">
                <div class="tips">
                  从百度网盘下载到天翼云盘的任务
                </div>
                <div v-for="(val,index) in dateList" :key="val+index">
                  <div v-if="index!==0" class="line"></div>
                  <div class="date_title">
                    {{val.date}}
                  </div>
                  <downItem v-for="item in val.dateList"  :options="item" :key="item.id">
                    <imgItem :fileName="item.taskName" :isDir="item.dir" />
                  </downItem>
                  
                </div>
               
              </tabsPane>
              <tabsPane name="阿里云盘" v-else>
                <div class="tips">
                  从阿里云盘下载到天翼云盘的任务
                </div>
                <div v-for="(val,index) in dateList" :key="val+index">
                  <div v-if="index!==0" class="line"></div>
                  <div class="date_title">
                    {{val.date}}
                  </div>
                  <downItem v-for="item in val.dateList"  :options="item" :key="item.id">
                    <imgItem :fileName="item.taskName" :isDir="item.dir" />
                  </downItem>
                 
                </div>
              </tabsPane>

              <!-- <tabsPane name="">
              </tabsPane>
              <tabsPane name="">
              </tabsPane>
              <tabsPane name="">
              </tabsPane>  -->
              
            </tabs>
          </div>
         
        
        </div>
      </tabBarItem>
      <tabBarItem title="我的" :icon="user" :selectedIcon="user_active" link="/pages/my/index">
      </tabBarItem>
    </tabBar>
</section>
